<template>
  <div>
    <el-row>
      <el-col :span="6" style="height: 100px;
      display: flex;
      align-items: center;">
        <img src="../../assets/pc/homeIcon.png" alt="">
      </el-col>
      <el-col :span="13" class="title">
        <div v-for="(item,index) in title" :key="index">
          <div>{{item.name}}</div>
        </div>
      </el-col>
      <el-col :span="5">
        <el-row class="heard_right_top">
          <el-col :span="6" class="name">伟大的店铺</el-col>
          <el-col :span="12"><img src="../../assets/dates/1_1.svg" alt=""></el-col>
        </el-row>
        <el-row class="heard_right_bottom">
          <el-col :span="24">
            <div>ID 828394785792342432423</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        title: [
          {
            name: '首页'
          },
          {
            name: '一键诊断'
          },
          {
            name: '报表下载'
          },
          {
            name: '插件下载'
          },
          {
            name: '抖店服务市场'
          },
        ]
      };
    },
    methods: {
      Clue_fk() {
        this.$router.push('/about')
      },
      Clue_gl() {
        this.$router.push('/rygl')
      }
    }
  }
</script>
<style lang="less">
  

  .heard_right_top {
    margin: 15px 0 0 0;
    display: flex;
    align-items: center;

    .name {
      font-weight: bold;
      font-size: 18px;
      color: #8d8080;
    }

    img {
      width: 40px;
      height: 40px
    }
  }

  .heard_right_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    color: darkgrey;

  }
</style>